<template>
  <div :style="{ background: background}" class="w-color-preview">
  </div>
</template>

<script>
export default {
    name: 'w-color-preview',
    props: {
        color: {
            required: true
        }
    },
    computed:{
        background(){
            return this.color.colorValue
        }
    }
}
</script>

<style scoped>
.w-color-preview{
  width: 40px;
  height: 40px;
  border-radius: 6px;
}
</style>